<template>
	<div class="home">
		<userHead active="jianli" :showAction="true"></userHead>
		<div class="home_main">
			<div class="hm_left">

				<div class="reword">
					<div class="rw_title">
						<span>控制台</span>
					</div>
					<div class="rw_list">
						<div class="rwl_main">
							<div class="rwl_title" @click="showResume = !showResume">
								<div class="rwlt_icon">
									<i class="el-icon-arrow-down" v-if="showResume"></i>
									<i class="el-icon-arrow-right" v-else></i>
								</div>
								<div class="rwlt_name">
									<span>简历管理</span>
								</div>

							</div>
							<div class="rwl_list">
								<div class="rwll_div" @click="setActiveUrl('/user/index?type=0')">
									<span>完整简历</span>
								</div>
								<div class="rwll_div" @click="setActiveUrl('/user/index?type=1')">
									<span>极简简历</span>
								</div>
								<div class="rwll_div" @click="setActiveUrl('/user/index?type=2')">
									<span>公开设置</span>
								</div>
								<div class="rwll_div">
									<span>职业认证</span>
								</div>
								<div class="rwll_div" @click="setActiveUrl('/user/index?type=3')">
									<span>简历被查看记录</span>
								</div>
							</div>
						</div>
						<div class="rwl_main">
							<div class="rwl_title">
								<div class="rwlt_icon" @click="showTag = !showTag">
									<i class="el-icon-arrow-down" v-if="showTag"></i>
									<i class="el-icon-arrow-right" v-else></i>
								</div>
								<div class="rwlt_name">
									<span>求职管理</span>
								</div>

							</div>
							<div class="rwl_list" v-if="showTag">
								<div class="rwll_div" @click="setActiveContent(0)"
									:class="{ selectrwll: activeContent == 0 }">
									<span>检索岗位</span>
								</div>
								<div class="rwll_div" @click="setActiveContent(1)"
									:class="{ selectrwll: activeContent == 1 }">
									<span>接触中的岗位</span>
								</div>
								<div class="rwll_div" @click="setActiveContent(2)"
									:class="{ selectrwll: activeContent == 2 }">
									<span>推荐/邀约的岗位</span>
								</div>

							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="hm_right">

				<div class="hmr_content" v-if="activeContent == 0">
					<div class="container container-fixwidth">

						<div class="query-area">
							<div class="search">

								<div class="search-widget" style="height:40px">
									<div class="widgelabel">公司名称</div>
									<div class="widgecon">
										<input type="text" class="form-control" id="SearchContent"
											placeholder="可多填，以空格分隔，是或的关系" style="float: left">
										<a href="" class="cleara" style="margin-left:20px">清空搜索条件</a>
									</div>

								</div>
								<div class="search-widget" style="clear:both;margin-top:15px">
									<div class="widgelabel">岗位名称</div>
									<div class="widgecon">
										<input type="text" class="form-control" id="SearchContent"
											placeholder="可多填，以空格分隔，是或的关系" style="float: left">
										<input type="button" class="btn btn-primary jaySearch" value="搜索"
											style="float: left;height: 40px;width: 80px;margin-left: 10px">
									</div>

								</div>

							</div>
							<!-- /.search -->

							<!-- 搜索条件 -->
							<div class="condition ">
								<div class="form-horizontal ">
									<div class="conditionNext">

										<div class="form-group" style="width: 50%;">
											<label class="register-form-label control-label fontclass"
												style="width:140px"><span
													class="required"></span>年&nbsp;&nbsp;&nbsp;&nbsp;薪：</label>
											<div class="register-form-control" style="width:calc(100% - 140px)">
												<span>不低于</span>
												<el-input type="number" style="width:200px;margin: 0 10px;"></el-input>
												<span>万</span>
											</div>
										</div>


										<div class="form-group" style="width: 50%;">
											<label class="register-form-label control-label fontclass"
												style="width:140px">经验要求：</label>

											<div class="register-form-control" style="width:calc(100% - 140px)">
												<span>不低于</span>
												<el-input type="number" style="width:200px;margin: 0 10px;"></el-input>
												<span>年</span>
												&nbsp;&nbsp;&nbsp;&nbsp;<input class="jaytonow"
													type="checkbox" />&nbsp;不限

											</div>
										</div>

									</div>
									<div class="conditionNext">

										<div class="form-group" style="width: 50%;">
											<label class="register-form-label control-label fontclass"
												style="width:140px"><span
													class="required"></span>职&nbsp;&nbsp;&nbsp;&nbsp;能：</label>
											<div class="register-form-control" style="width:calc(100% - 140px)">
												<div class="select_input" style="width: 300px;"
													@click="showSelectUserAffiliation(form, 'functionalAffiliation', 'functionalAffiliationName')">
													<span>{{ form.functionalAffiliationName }}</span>
												</div>
											</div>
										</div>
										<div class="form-group" style="width: 50%;">
											<label class="register-form-label control-label fontclass"
												style="width:140px"><span
													class="required"></span>职&nbsp;&nbsp;&nbsp;&nbsp;级：</label>
											<div class="register-form-control" style="width:calc(100% - 140px)">
												<el-select v-model="form.postType" placeholder="请选择"
													style="width: 300px;">
													<el-option v-for="item in dictInfo.postType" :key="item.value"
														:label="item.label" :value="item.value">
													</el-option>
												</el-select>
											</div>
										</div>
									</div>

									<div class="conditionNext">
										<div class="form-group" style="width: 100%;">
											<label class="register-form-label control-label fontclass"
												style="width:140px"><span
													class="required"></span>地&nbsp;&nbsp;&nbsp;&nbsp;点：</label>
											<div class="register-form-control" style="width:calc(100% - 140px)">

											</div>
										</div>
									</div>
									<div class="conditionNext">

										<div class="form-group" style="width: 100%;">
											<label class="register-form-label control-label fontclass"
												style="width:140px"><span class="required"></span>岗位刷新：</label>
											<div class="register-form-control" style="width:calc(100% - 140px)">
												<el-radio-group v-model="form.refresh">
													<el-radio :label="0">不限</el-radio>
													<el-radio :label="1">三天内</el-radio>
													<el-radio :label="2">一周内</el-radio>
													<el-radio :label="3">一个月内</el-radio>
												</el-radio-group>
											</div>
										</div>

									</div>

									<div class="register-tag" style="clear:both;margin-left:20px;margin-right:20px;">
										公司筛选
									</div>

									<div class="conditionNext">

										<div class="form-group" style="width:50%">
											<label class="register-form-label control-label fontclass">公司行业：</label>
											<div class="register-form-control">
												<div class="select_input"
													@click="showSelectEnterpriseIndustry(form.resumeDetailList[index].resumePostList[jsonIndex].subsidiaryCompany, 'enterpriseIndustry', 'enterpriseIndustryStr')">
													<span></span>
												</div>
												<!-- <input id="professionalneed" type="text" class="form-control"
													placeholder="不限" v-model="form.fromSchool"> -->
											</div>
										</div>
										<div class="form-group" style="width:50%">
											<label class="register-form-label control-label fontclass">公司性质：</label>
											<div class="register-form-control">
												<el-select v-model="form.enterpriseNature
													" clearable placeholder="请选择企业性质" multiple style="width: 100%">
													<el-option label="不限" value=""> </el-option>
													<el-option v-for="json in dictInfo.enterpriseNature"
														:key="json.value" :label="json.label" :value="json.value">
													</el-option>
												</el-select>
												<!-- <input id="professionalneed" type="text" class="form-control"
													placeholder="不限" v-model="form.fromSchool"> -->
											</div>
										</div>
									</div>
									<div class="conditionNext">
										<div class="form-group" style="width:50%">
											<label class="register-form-label control-label fontclass">公司规模：</label>
											<div class="register-form-control">
												<el-select clearable v-model="form.enterpriseScale
													" placeholder="请选择企业规模" multiple style="width: 100%">
													<el-option label="不限" value=""> </el-option>
													<el-option v-for="json in dictInfo.enterpriseScale"
														:key="json.value" :label="json.label" :value="json.value">
													</el-option>
												</el-select>
												<!-- <input id="professionalneed" type="text" class="form-control"
													placeholder="不限" v-model="form.professionalRequirements"> -->
											</div>
										</div>
										<div class="form-group" style="width:50%">
											<label class="register-form-label control-label fontclass">上市类型：</label>
											<div class="register-form-control">
												<el-select clearable v-model="form.listingType
													" placeholder="请选择上市类型" multiple collapse-tags style="width: 100%">
													<el-option label="不限" value=""> </el-option>
													<el-option v-for="json in dictInfo.listingType" :key="json.value"
														:label="json.label" :value="json.value">
													</el-option>
												</el-select>
												<!-- <input id="professionalneed" type="text" class="form-control"
													placeholder="不限" v-model="form.professionalRequirements"> -->
											</div>
										</div>
									</div>

									<div class="conditionNext">
										<div class="form-group" style="width:50%">
											<label class="register-form-label control-label fontclass">年营收(产能)：</label>

											<div class="register-form-control">
												<span>不低于</span>
												<el-input type="number" style="width:200px;margin: 0 10px;"></el-input>
												<span>万</span>
											</div>

										</div>
										<div class="form-group" style="width:50%">
											<label class="register-form-label control-label fontclass">员工人数：</label>

											<div class="register-form-control">
												<span>不低于</span>
												<el-input type="number" style="width:200px;margin: 0 10px;"></el-input>
												<span>人</span>
											</div>

										</div>
									</div>


									<div class="register-tag" style="clear:both;margin-left:20px;margin-right:20px">
										其他情况
									</div>

									<div class="conditionNext">
										<div class="form-group" style="width:50%">
											<label class="register-form-label control-label fontclass">作息时间：</label>
											<div class="register-form-control">
												<el-select v-model="form.workTime" placeholder="请选择"
													style="width: 400px;">
													<el-option value="" label="不限"></el-option>
													<el-option v-for="item in dictInfo.workTime" :key="item.value"
														:label="item.label" :value="item.value">
													</el-option>
												</el-select>
											</div>
										</div>

										<div class="form-group" style="width:50%">
											<label class="register-form-label control-label fontclass">出差频率：</label>
											<div class="register-form-control">
												<el-select clearable v-model="form.travelFrequency" placeholder="请选择"
													style="width: 100%">
													<el-option value="" label="不限"></el-option>
													<el-option v-for="item in dictInfo.travelFrequency"
														:key="item.value" :label="item.label" :value="item.value">
													</el-option>
												</el-select>
												<!-- <input id="professionalneed" type="text" class="form-control"
													placeholder="不限" v-model="form.professionalRequirements"> -->
											</div>
										</div>
									</div>
									<div class="conditionNext">
										<div class="form-group" style="width:50%">
											<label class="register-form-label control-label fontclass">股权激励：</label>
											<div class="register-form-control">
												<el-select v-model="form.equityIncentive" placeholder="请选择"
													style="width: 400px;">
													<el-option value="" label="不限"></el-option>
													<el-option v-for="item in dictInfo.equityIncentive"
														:key="item.value" :label="item.label" :value="item.value">
													</el-option>
												</el-select>
											</div>
										</div>

									</div>

									<div class="register-tag" style="clear:both;margin-left:20px;">屏蔽的公司
									</div>
									<div class="conditionNext">
										<div class="form-group fixwcontrol2">
											<label class="register-form-label control-label fontclass">公司名称：</label>
											<div class="register-form-control">

												<input id="professionalneed" style="width:900px" type="text"
													class="form-control" placeholder="不限"
													v-model="form.professionalRequirements">

											</div>
										</div>

									</div>
								</div>
							</div>
							<!-- /.condition -->

							<!-- 搜索按钮组 -->
							<div class="query-action">
								<input type="button" class="btn btn-primary jaySearch" value="搜索"> <a href=""
									class="cleara">清空搜索条件</a>
							</div>
						</div>

						<el-table :data="tableData" ref="multipleTable" align="center"
							@selection-change="handleSelectionChange" stripe border style="width: 100%">

							<!-- <el-table-column type="selection" width="30">
							</el-table-column> -->

							<el-table-column label="岗位名称" prop="positionName" align="center">
								<template slot-scope="scope">
									<span style="font-size:14px;font-weight: bold;color: #06c;cursor: pointer;"
										@click="toPostInfo(scope.row)">{{ scope.row.positionName }}</span>
								</template>
							</el-table-column>
							<el-table-column label="年薪(万)" align="center">
								<template slot-scope="scope">
									<span>{{ scope.row.salaryRange }}</span>
								</template>
							</el-table-column>
							<el-table-column label="公司名称" align="center">
								<template slot-scope="scope">
									<span>{{ scope.row.companyName }}</span>
								</template>
							</el-table-column>
							<el-table-column label="部门名称" prop="departmentName" align="center">

							</el-table-column>

							<el-table-column label="地点" align="center">
								<template slot-scope="scope">
									<span>{{ getWorkSpaceName(scope.row.workPlaceName) }}</span>
								</template>

							</el-table-column>
							<el-table-column label="悬赏金" prop="rewardMoney" width="80px" align="center">

							</el-table-column>

							<el-table-column label="发布时间" align="center" width="140">
								<template slot-scope="scope">
									<span>{{ scope.row.createTime.substring(0, 16) }}</span>
								</template>
							</el-table-column>
							<el-table-column label="刷新时间" align="center" width="140">
								<template slot-scope="scope">
									<span>{{ scope.row.refreshTime.substring(0, 16) }}</span>
								</template>
							</el-table-column>

							<el-table-column label="岗位状态" align="center" width="80px">
								<template slot-scope="scope">
									<span v-if="scope.row.deliver==false">未投递</span>
									<span v-else style="color: #fc6c0b;">已投递</span>
								</template>
							</el-table-column>


							<el-table-column label="操作" align="center" width="140">
								<template slot-scope="scope">
									<el-button type="text">沟通</el-button>
									<el-button type="text" v-if="scope.row.deliver==false">投递</el-button>
									<el-button type="text">屏蔽</el-button>
								</template>
							</el-table-column>
						</el-table>

						<el-pagination background :pageSize="20" style="margin-top: 20px;float: right;"
							layout="total, prev, pager, next" :total="20">
						</el-pagination>
						<!-- /.query-action -->


					</div>

				</div>

				<div class="hmr_content" v-if="activeContent == 1 || activeContent == 2">
					<div class="container container-fixwidth">

						<div class="query-area">
							<div class="search">

								<div class="search-widget" style="clear:both;margin-top:15px">
									<div class="widgelabel">关键字</div>
									<div class="widgecon">
										<input type="text" class="form-control" id="SearchContent" placeholder="请输入关键字"
											style="float: left">
										<input type="button" class="btn btn-primary jaySearch" value="搜索"
											style="float: left;height: 40px;width: 80px;margin-left: 10px">
									</div>

								</div>

							</div>

						</div>

						<el-table :data="tableDataNext" ref="multipleTable" @selection-change="handleSelectionChange"
							stripe border style="width: 100%" :key="1" v-if="activeContent == 1">


							<el-table-column label="岗位名称" prop="positionName" align="center">
								<template slot-scope="scope">
									<span style="font-size:14px;font-weight: bold;color: #06c;cursor: pointer;"
										@click="toPostInfo(scope.row)">{{ scope.row.name }}</span>
								</template>
							</el-table-column>
							<el-table-column label="年薪(万)" align="center">
								<template slot-scope="scope">
									<span>{{ scope.row.preTaxAnnualSalaryStart }}~{{scope.row.preTaxAnnualSalaryEnd}}</span>
								</template>
							</el-table-column>
							<el-table-column label="公司名称" align="center">
								<template slot-scope="scope">
									<span>{{ scope.row.companyName }}</span>
								</template>
							</el-table-column>
							<el-table-column label="部门名称" prop="department" align="center">

							</el-table-column>

							<el-table-column label="地点" align="center">
								<template slot-scope="scope">
									<span>{{ getWorkSpaceName(scope.row.workPlaceName) }}</span>
								</template>

							</el-table-column>
							<el-table-column label="悬赏金" prop="rewardMoney" width="80px" align="center">

							</el-table-column>

							<el-table-column label="发布时间" align="center" width="140">
								<template slot-scope="scope">
									<span>{{ scope.row.createTime.substring(0, 16) }}</span>
								</template>
							</el-table-column>
							<el-table-column label="刷新时间" align="center" width="140">
								<template slot-scope="scope">
									<span>{{ scope.row.refreshTime.substring(0, 16) }}</span>
								</template>
							</el-table-column>
							<el-table-column label="岗位来源" align="center">
								<template slot-scope="scope">
									<span>主动检索</span>
								</template>
							</el-table-column>

							<el-table-column label="岗位状态" align="center" width="80px">
								<template slot-scope="scope">
									<span>已投递</span>
								</template>
							</el-table-column>





							<el-table-column label="操作" width="140" align="center">
								<template slot-scope="scope">
									<el-button type="text">再次投递</el-button>
									<el-button type="text">拒绝</el-button>
								</template>
							</el-table-column>
						</el-table>

						<el-table :data="tableDataThree" ref="multipleTable" @selection-change="handleSelectionChange"
							stripe border style="width: 100%" :key="2" v-if="activeContent == 2">



							<el-table-column label="岗位名称" prop="positionName" align="center">
								<template slot-scope="scope">
									<span style="font-size:14px;font-weight: bold;color: #06c;cursor: pointer;"
										@click="toPostInfo(scope.row)">{{ scope.row.positionName }}</span>
								</template>
							</el-table-column>
							<el-table-column label="年薪" align="center">
								<template slot-scope="scope">
									<span>{{ scope.row.salaryRange }}万</span>
								</template>
							</el-table-column>
							<el-table-column label="公司名称" align="center">
								<template slot-scope="scope">
									<span>{{ scope.row.companyName }}</span>
								</template>
							</el-table-column>
							<el-table-column label="部门名称" prop="departmentName" align="center">

							</el-table-column>

							<el-table-column label="地点" align="center">
								<template slot-scope="scope">
									<span>{{ getWorkSpaceName(scope.row.workPlaceName) }}</span>
								</template>

							</el-table-column>
							<el-table-column label="悬赏金" prop="rewardMoney" width="80px" align="center">

							</el-table-column>

							<el-table-column label="发布时间" align="center" width="140">
								<template slot-scope="scope">
									<span>{{ scope.row.createTime.substring(0, 16) }}</span>
								</template>
							</el-table-column>
							<el-table-column label="刷新时间" align="center" width="140">
								<template slot-scope="scope">
									<span>{{ scope.row.refreshTime.substring(0, 16) }}</span>
								</template>
							</el-table-column>





							<el-table-column label="岗位来源" align="center">

							</el-table-column>

							<el-table-column label="岗位状态" align="center">

							</el-table-column>


							<el-table-column label="操作" width="140" align="center">
								<template slot-scope="scope">
									<el-button type="text">沟通</el-button>
									<el-button type="text">同意</el-button>
									<el-button type="text">拒绝</el-button>
								</template>
							</el-table-column>


						</el-table>

						<el-pagination background :pageSize="20" v-if="activeContent == 2"
							style="margin-top: 20px;float: right;" layout="total, prev, pager, next"
							:total="totalThree">
						</el-pagination>

						<!-- /.query-action -->
					</div>

				</div>


			</div>
		</div>
		<div class="post_bottom">
			<post-footer-main-vue></post-footer-main-vue>
		</div>
		<enterprise-industry @closeSelect="closeSelect" :haveSelect="haveSelect" v-if="showSelectIndustry"
			@saveData="saveData" :title="'选择行业'" :selectArry="enterpriseIndustry"></enterprise-industry>
		<enterprise-industry @closeSelect="closeSelectAffiliation" :haveSelect="haveSelect" v-if="showSelectAffiliation"
			@saveData="saveData" :title="'选择职能'" :selectArry="functionalAffiliationList"></enterprise-industry>
	</div>
</template>

<script>
// @ is an alias to /src
import userHead from '@/components/userHead.vue';
import homeapi from '@/api/api.js'
import userImg from '@/assets/imgs/ai_logo.jpg'
import postFooterMainVue from '@/components/postFooterMain.vue';
import enterpriseIndustry from '@/components/enterPriseindustry.vue'
import until from '@/api/until';

export default {
	name: 'HomeView',
	data() {
		return {
			companyInfo: {},
			input: "",
			value: "",
			tableData: [],
			totalInfo: {},

			showDel: true,
			showTag: true,
			showPost: true,
			showResume: true,
			showTotal: true,
			showMoney: true,

			dictInfo: {},
			companyList: [],
			haveAdd: false,
			haveEdit: false,
			selectPost: [],
			postForm: {},
			reword: '',
			name: "",
			status: '1',
			showEidt: false,

			userReme: {},
			userMainReme: {},
			userSumeContent: {},
			userImg: userImg,
			form: {
				functionalAffiliation: [],
				functionalAffiliationName: ""
			},

			nowItem: {},
			nowType: '',
			nowName: "",
			showSelectAffiliation: false,
			showSelectIndustry: false,
			haveSelect: [],

			enterpriseIndustry: [],
			functionalAffiliationList: [],
			activeContent: 0,
			pageNo: 1,
			tableDataNext: [],
			tableDataThree: [],
			totalThree: 0,
		}
	},
	components: {
		userHead, postFooterMainVue, enterpriseIndustry
	},
	mounted() {

		this.getDictList();
		this.getIndustryList();
		this.getFunctionalffiliationList();

		this.getcheckPostList();
		let type = this.$route.query.type;
		if (type) {
			this.activeContent = type;
		}
		if (type == 1) {
			this.getHavePost();
		}
		if (type == 2) {
			this.getInvitation();
		}


	},
	beforeDestroy() {
		until.setCookie("isEdit", '')
	},
	methods: {

		getWorkSpaceName(workPlace) {
			let workPlaceList = [];
			if (workPlace) {


				let workPlaceName = workPlace.split(",");

				workPlaceName.map((res) => {
					if (res.indexOf("中国") > -1) {
						const nameList = res.split("/");
						if (nameList.length > 2) {
							let name = ""
							if (nameList[2].indexOf('省') > -1) {
								name = nameList.splice(3, nameList.length).join("-");
							}
							else {
								name = nameList.splice(2, nameList.length).join("-");
							}
							workPlaceList.push(name);
						}





					} else {
						const nameList = res.split("/");
						if (nameList.length > 1) {
							let name = nameList.join("-");
							workPlaceList.push(name);
						}

					}
				});
			}

			return workPlaceList.join(", ");

		},
		toPostInfo(item) {
			window.open("/#/post/info?id=" + item.id)
		},
		setActiveContent(type) {
			this.activeContent = type
			if (type == 1) {
				this.getHavePost();
			}
			if (type == 2) {

				this.getInvitation();

			}
		},
		setActiveUrl(url) {
			this.$router.push(url)
		},

		//获取接触中的岗位
		async getHavePost() {
			let pageNo = this.pageNo;
			let pageSize = 20;
			let resumeId = "1952308485081358338"
			let data = await homeapi.getHavePostList({ pageNo, pageSize, resumeId });
			if (data.code == 200) {
				this.tableDataNext = data.result.records
			}
		},
		async getInvitation() {
			let pageNo = this.pageNo;
			let pageSize = 20;
			let resumeId = "1952308485081358338"
			let data = await homeapi.getInvitation({ pageNo, pageSize });
			if (data.code == 200) {
				this.tableDataThree = data.result.records
				this.totalThree = data.result.total
			}
		},

		async getcheckPostList() {
			let pageNo = this.pageNo;
			let pageSize = 20;
			let data = await homeapi.getCheckPostList({ pageNo, pageSize });
			if (data.code == 200) {
				this.tableData = data.result.records
			}
		},

		//获取职能列表
		async getFunctionalffiliationList() {
			let data = await homeapi.getFunctionList();
			if (data.code == 200) {
				data.result.map((res) => {
					res.text = res.name;
					if (res.child.length > 0) {
						res.child.map((json) => {
							json.text = json.name;
						});
						res.children = res.child;
						res.children.map((json) => {
							if (json.child.length > 0) {
								json.child.map((item) => {
									item.text = item.name;
								});
								json.children = json.child;
							}
						});
					}
				});
				this.functionalAffiliationList = data.result;
			}
		},


		//获取行业列表
		async getIndustryList() {
			let data = await homeapi.getIndustryList();
			if (data.code == 200) {
				data.result.map((res) => {
					res.text = res.name;
					if (res.child.length > 0) {
						res.child.map((json) => {
							json.text = json.name;
						});
						res.children = res.child;
						res.children.map((json) => {
							if (json.child.length > 0) {
								json.child.map((item) => {
									item.text = item.name;
								});
								json.children = json.child;
							}
						});
					}
				});

				this.enterpriseIndustry = data.result;
			}
		},


		closeSelectAffiliation() {
			this.showSelectAffiliation = false;
		},

		saveData(item) {
			this.nowItem[this.nowType] = item.arryList
			this.nowItem[this.nowName] = item.arryName
			this.closeSelect();
			this.closeSelectAffiliation();
		},

		showSelectEnterpriseIndustry(nowItem, nowType, nowName) {
			this.nowItem = nowItem
			this.nowType = nowType
			this.nowName = nowName

			this.haveSelect = nowItem[nowType]

			this.showSelectIndustry = true
		},
		showSelectUserAffiliation(nowItem, nowType, nowName) {
			this.nowItem = nowItem
			this.nowType = nowType
			this.nowName = nowName

			this.haveSelect = nowItem[nowType]

			this.showSelectAffiliation = true
		},

		closeSelect() {
			this.showSelectIndustry = false;
		},


		handleSelectionChange(val) {
			this.selectPost = val;
		},
		//获取数据字典
		async getDictList() {
			let data = await homeapi.getDictList();
			if (data.code == 200) {
				this.dictInfo = data.result
			}
		},


	}
}
</script>
<style>
.el-table th.el-table__cell {
	background: #ebebeb;
}

.el-table thead {
	color: #333333;
	font-weight: bold;
}

.el-table--border .el-table__cell,
.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
	border-right: 1px solid #ddd;
}

.el-table .el-table__cell {
	padding: 0px !important;
}

.el-table__row .el-table__cell {
	padding: 10px 0 !important;
}
</style>
<style scoped>
.container.container-fixwidth {
	width: 1400px !important;
}

.home_main {
	width: 100%;

	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 0 16px;
	box-sizing: border-box;
	padding-bottom: 60px;
}

.hm_left {
	width: 180px;
	min-width: 180px;

	height: calc(100vh - 155px);
	border-radius: 0px 0px 0px 0px;

	display: inline-block;
	background: #FFFFFF;
	margin-top: 15px;
	padding-bottom: 30px;
}

.hml_main {
	width: 100%;

	background: #FFFFFF;

	padding: 0 20px;
	padding-bottom: 16px;
	;
	box-sizing: border-box;

}

.hm_right {
	flex: 1;
	height: 100%;
	margin-top: 15px;
	margin-left: 10px;

}

.hml_div {
	width: 100%;
	display: inline-block;
	margin-top: 16px;
	cursor: pointer;
}

.hmld_head {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 13px;
	color: #333333;
	font-weight: bold;
}

.hmld_left {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 12px;
	margin-left: 8px;
}

.hmld_left .iconfont {
	font-size: 14px;
	margin-left: 8px;
	color: #999999;
}

.hml_content {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	line-height: 18px;
	padding-left: 20px;
	box-sizing: border-box;
	margin-top: 6px;
}

.hml_content span:first-child {
	font-size: 12px;
	color: #06c;
}

.hml_content span:last-child {
	font-size: 12px;
	font-weight: bold;
	margin-left: 8px;
}

.hmr_head {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: 16px;
}

.hmrh_div {
	flex: 1;
	height: 40px;
	border-radius: 4px;
	background: #FFFFFF;
	border-radius: 0px 0px 0px 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	line-height: 32px;
	margin-left: 16px;
	cursor: pointer;
}


.hmr_content {
	width: 100%;
	background: #FFFFFF;
	display: inline-block;
	height: calc(100vh - 165px);
	overflow: auto;
}


.hmrc_head {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 9px;
	padding: 0 32px;
	box-sizing: border-box;
}

.hmrch_left {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.select_div {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-left: 16px;
	font-size: 16px;
}

.select_div_label {
	margin-right: 8px;
}

.hmrch_right {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: 15px;
	padding-left: 15px;
	box-sizing: border-box;
}

.hmrchr_div {
	width: 72px;
	height: 34px;
	background: #F5792A;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #FFFFFF;
	margin-right: 16px;
	cursor: pointer;
}

.hmrc_body {
	width: 100%;

	box-sizing: border-box;

}

.reword {
	width: 100%;

	background: #FFFFFF;
	height: 100%;
	overflow: auto;
}

.rw_title {
	width: 180px;
	height: 44px;
	background: #F2F2F2;
	border-radius: 0px 0px 0px 0px;
	border: 1px solid #E6E6E6;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #3D3D3D;
	font-weight: bold;
}

.rw_list {
	width: 100%;
	display: inline-block;
	padding-left: 10px;
	box-sizing: border-box;
}

.rwl_main {
	width: 100%;
	display: inline-block;
}

.rwl_title {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: 10px;
	cursor: pointer;
}

.rwlt_icon i {
	font-size: 14px;
	color: #333333;
}

.rwlt_name {
	font-size: 13px;
	color: #333333;
	font-weight: bold;
	margin-left: 4px;
}

.rwl_list {
	width: 100%;
	display: inline-block;
}

.rwll_div {
	font-size: 12px;
	line-height: 18px;
	color: #06c;
	padding-left: 30px;
	box-sizing: border-box;
	margin-top: 6px;
	cursor: pointer;
}

.rwll_div:hover {
	color: #F5792A;
}

.hmrc_botoom {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.hmrch_left_main {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #333333;
	margin-top: 15px;
	margin-right: 15px;
}


.rwlt_btn {
	width: 72px;
	height: 26px;
	background: #F5792A;
	border-radius: 0px 0px 0px 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #FFFFFF;
	margin-left: 28px;
	border-radius: 4px;
}

.rwl_title i {
	font-size: 16px;
	margin-left: 10px;
	color: #333333;
}

.border_div {
	width: 100%;
	height: 15px;
	background: #f8f8f8;
}

.hmrchl_div {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}

.center_div {
	text-align: center;
}

.need_input {
	height: 40px;
	border: 1px solid #DCDFE6;
	text-align: center;
	font-size: 14px;
	border-radius: 2px;
	width: 100%;
}

.post_bottom {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
}

.iconmd {
	display: flex;
}

.selecthmth span {
	color: #06c;
}

.selecthmth span:last-child {
	color: #06c;
}

.select_hmrh {
	background: #F5792A;
	color: #ffff;
}
</style>
<style>
.el-table-column--selection .cell {
	padding: 0px !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

.el-table th.el-table__cell>.cell {

	padding-left: 8px;
	padding-right: 5px;
}

.el-table th.el-table__cell.is-leaf .el-checkbox {
	margin-left: 7px;
}

.memberphoto img {
	width: 108px;
	height: 108px;
}

.vitaelink {
	margin-right: 10px;
}

.memberphoto {
	position: relative;
}

.form-group {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.form-horizontal .control-label {
	padding-top: 0px;
}

.fontclass {
	font-weight: bold;
}

.selectrwll span {
	color: #fc7b24;
}
</style>
